<template>
  <div class="li-container" :style="style">
    <slot></slot>
  </div>
</template>

<script>

export default {
  name: 'container',
  props: {
    minWidth: {
      type: Number
    }
  },
  computed: {
    style () {
      return {
        minWidth: this.minWidth + 'px'
      }
    }
  }
}
</script>

<style lang="scss">
  .li-container {
    display: flex;
    justify-content: space-around;
    margin: 0;
    height: 100%; // 自适应父容器
    // 控制容器内容不溢出
    position: relative;
    overflow: auto;
  }
</style>
